<template>
    <Headbar/>
    <div class="scroll-box">
        <RouterView/>
        <Footbar/>
    </div>
</template>

<script setup lang="ts">
import Footbar from './views/Footbar.vue';
import Headbar from './views/Headbar.vue';
</script>

<style lang="less">
@import (reference) url('assets/styles/config.less');
.scroll-box {
    height: calc(100vh - 60px);
    margin-top: 60px;
    overflow: auto;
}
.content {
    min-height: calc(100vh - 104px);
    padding: 0 30px 50px;
    background: @bg-body-color;
}
</style>
